$(function () {
    init();
    function init() {
        getCategoryTitle();
        eventList();
    };
    function eventList() {
        // 给标题添加点击的按钮,使用委派的方式
        $(".sell_slowly_table_view").on("tap", " .sell_main_title ", function () {
            // console.log(123)
            // 获取点击的数据,要先获取原生，然后再转成jq对象获取数据
            let aData = $(this)[0];
            // 再转成Jq对象，使用data获取数据
            let titleid = $(aData).data("titleid");


            // 调用发送请求的方法

            getcategoryConent(titleid);
        });
        // 给商品分类列表绑定点击的事件
        $(".sell_slowly_table_view").on("tap", ".sell_main_list li", function () {
            // console.log(123)
            // 获取到点击li的data属性
            // console.log(this)
            // 使用原生的方法也可以获取data
            let liData = this.getAttribute("data-categoryId");
            console.log(liData)
        }
        );
    }
    // 获取分类列表的标题
    function getCategoryTitle() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getcategorytitle",
            dataType: "json",
            success: function (result) {
                // console.log(result)
                // let data=JSON.stringify(result);


                // 渲染模板
                let html = template("main1TP1", result);
                // 添加道页面上
                $(".sell_slowly_table_view").html(html);
            }
        });
    };

    // 获取分类列表的内容
    function getcategoryConent(titleid) {
        // 发送请求
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getcategory",
            data: { titleid },
            dataType: "json",
            success: function (result) {
                // console.log(result)
                // 因为获取的是一个对象，然后里面的是数组，数组里面是一个对象，所以首先我们要获取数组，也就是对象里面的result，所以结果就是
                // 至于为什么是这样写呢第一个result，返回的对象，第二个result是对象里面的属性，里面的是数组
                let resultArr = result.result;
                // console.log(resultArr)

                // 添加到页面上
                // $(".sell_main_list").html(html);
                let html = ``;
                // 遍历数据
                for (let i = 0; i < resultArr.length; i++) {
                    html += `
                    <li >
                        <a  href="getproductlist.html?categoryid=${resultArr[i].categoryId}">${resultArr[i].category}</a>
                    </li>
                    `;
                }
                // console.log(resultArr)
                // 添加到页面上
                $(".sell_main_list").html(html);
            }
        });
    }

})